home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-path-stroke.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  13.4 KB  |  329 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>6.18.¬† Stroke Path</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="gimp-imagewindow-menus-edit.html" title="6.¬† The ‚ÄúEdit‚Äù Menu" />
  14.     <link rel="prev" href="gimp-selection-stroke.html" title="6.17.¬† Stroke Selection" />
  15.     <link rel="next" href="gimp-imagewindow-menus-select.html" title="7.¬† The ‚ÄúSelect‚Äù Menu" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">6.18.¬†
  22.     <span lang="en" xml:lang="en">Stroke Path</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-selection-stroke.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">6.¬†
  28.     <span lang="en" xml:lang="en">The ‚Äú<span class="quote">Edit</span>‚Äù Menu</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-imagewindow-menus-select.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect2" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h3 class="title"><a id="gimp-path-stroke"></a>6.18.¬†
  40.     <span lang="en" xml:lang="en">Stroke Path</span>
  41.   </h3>
  42.           </div>
  43.           <div>
  44.             <div class="revhistory">
  45.               <table border="1" width="100%" summary="Revision history">
  46.                 <tr>
  47.                   <th align="left" valign="top" colspan="3">
  48.                     <b>Revision History</b>
  49.                   </th>
  50.                 </tr>
  51.                 <tr>
  52.                   <td align="left">Revision $Revision: 2419 $</td>
  53.                   <td align="left">2006-07-27</td>
  54.                   <td align="left">sally</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2686305" class="indexterm"></a>
  62.       <a id="id2686318" class="indexterm"></a>
  63.       <p>
  64.     The <span class="guimenuitem">Stroke Path</span> command strokes a path in
  65.     the image. There are two ways you can stroke the path, either by using
  66.     a paint tool, or without using one. There are various options which you
  67.     can use to specify how this stroke should look.
  68.   </p>
  69.       <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  70.         <table border="0" summary="Note">
  71.           <tr>
  72.             <td rowspan="2" align="center" valign="top" width="25">
  73.               <img alt="[Note]" src="../images/note.png" />
  74.             </td>
  75.             <th align="left">Note</th>
  76.           </tr>
  77.           <tr>
  78.             <td align="left" valign="top">
  79.               <p>
  80.       This command is active only if there is a path in your image.
  81.     </p>
  82.             </td>
  83.           </tr>
  84.         </table>
  85.       </div>
  86.       <div class="sect3" lang="en" xml:lang="en">
  87.         <div class="titlepage">
  88.           <div>
  89.             <div>
  90.               <h4 class="title"><a id="id2686354"></a>6.18.1.¬†
  91.       <span lang="en" xml:lang="en">Activating the Command</span>
  92.     </h4>
  93.             </div>
  94.           </div>
  95.         </div>
  96.         <div class="itemizedlist">
  97.           <ul type="disc">
  98.             <li>
  99.               <p>
  100.           You can access this command from the image menubar through
  101.           <span class="guimenu"><span class="accel">E</span>dit</span> ‚Üí <span class="guimenuitem">Stro<span class="accel">k</span>e Path</span>.
  102.         </p>
  103.             </li>
  104.             <li>
  105.               <p>
  106.           You can also access it by clicking on the button with the same name
  107.           in the <a class="link" href="gimp-path-dialog.html" title="2.3.¬† Path Dialog">Path dialog</a>.
  108.         </p>
  109.             </li>
  110.           </ul>
  111.         </div>
  112.       </div>
  113.       <div class="sect3" lang="en" xml:lang="en">
  114.         <div class="titlepage">
  115.           <div>
  116.             <div>
  117.               <h4 class="title"><a id="id2686420"></a>6.18.2.¬†
  118.       <span lang="en" xml:lang="en">Description of the Dialog Window</span>
  119.     </h4>
  120.             </div>
  121.           </div>
  122.         </div>
  123.         <div class="figure">
  124.           <a id="id2686431"></a>
  125.           <p class="title">
  126.             <b>Figure¬†15.39.¬†
  127.         <span lang="en" xml:lang="en">
  128.           The ‚Äú<span class="quote">Choose Stroke Style</span>‚Äù dialog window
  129.         </span>
  130.       </b>
  131.           </p>
  132.           <div class="figure-contents">
  133.             <div class="mediaobject">
  134.               <img src="../images/menus/edit-stroke-options.png" alt="The Choose Stroke Style dialog window" />
  135.             </div>
  136.           </div>
  137.         </div>
  138.         <br class="figure-break" />
  139.         <p>
  140.       The <span class="guilabel">Choose Stroke Style</span> dialog box allows you to
  141.       choose between stroking the path with the options you specify or
  142.       stroking it with a paint tool. If you stroke the path with a paint
  143.       tool, the current paint tool options are used to draw the stroke.
  144.     </p>
  145.         <div class="variablelist">
  146.           <p class="title">
  147.             <b>
  148.         <span lang="en" xml:lang="en">Stroke line</span>
  149.       </b>
  150.           </p>
  151.           <p>
  152.         The stroke is drawn with the current foreground color,
  153.         set in the Toolbox. By clicking on the triangle next to
  154.         <span class="guilabel">Line Style</span> however, the dialog expands
  155.         and you can set several additional options:
  156.       </p>
  157.           <dl>
  158.             <dt>
  159.               <span class="term">Line Width</span>
  160.             </dt>
  161.             <dd>
  162.               <p>
  163.             You can set the width of the stroke using the text box.
  164.             The default unit is pixels, but you can choose another
  165.             unit with the drop-down list button.
  166.             </p>
  167.             </dd>
  168.             <dt>
  169.               <span class="term">Solid color / Pattern</span>
  170.             </dt>
  171.             <dd>
  172.               <p>
  173.             You can choose whether the line is drawn in the
  174.             <span class="emphasis"><em>Solid</em></span> or the
  175.             <span class="emphasis"><em>Pattern</em></span>
  176.             style. Here, Solid and Pattern are distinct from the dash
  177.             pattern. If you select a Solid line with no dash pattern, an
  178.             unbroken line is drawn in the foreground color set in the
  179.             Toolbox. If you select a Patterned line with no dash
  180.             pattern, an unbroken line is drawn with the pattern set in
  181.             the Toolbox. If you select a line with a dash pattern, the
  182.             color or pattern is still determined by the foreground color
  183.             or pattern set in the Toolbox. That is, if you select a
  184.             marbled pattern and Patterned, dashed lines, the dashes are
  185.                   drawn in the marbled pattern
  186.           </p>
  187.             </dd>
  188.             <dt>
  189.               <span class="term">Line Style</span>
  190.             </dt>
  191.             <dd>
  192.               <p>
  193.             This drop-list brings some detailed options :
  194.           </p>
  195.               <div class="itemizedlist">
  196.                 <ul type="disc">
  197.                   <li>
  198.                     <p>
  199.                 <span class="guilabel">Cap Style</span> : You can choose the shape of
  200.                 the ends of an unclosed path,  which can be
  201.                 <span class="emphasis"><em>Butt</em></span>, <span class="emphasis"><em>Round</em></span>
  202.                 or <span class="emphasis"><em>Square</em></span>.
  203.               </p>
  204.                   </li>
  205.                   <li>
  206.                     <p>
  207.                 <span class="guilabel">Join Style</span> :
  208.                 You can choose the shape of the path corners by
  209.                 clicking on <span class="emphasis"><em>Miter</em></span>,
  210.                 <span class="emphasis"><em>Round</em></span>
  211.                   or <span class="emphasis"><em>Bevel</em></span>.
  212.               </p>
  213.                   </li>
  214.                   <li>
  215.                     <p>
  216.                 <span class="guilabel">Miter limit</span> :
  217.                 When two segments of a path come together, the mitering of
  218.                 the corner is determined by the Miter Limit. If the strokes
  219.                 were wide, and no mitering were done, there would be pointed
  220.                 ends sticking out at the corner. The Miter Limit setting
  221.                 determines how the gap, formed when the outer edges of the
  222.                 two lines are extended, will be filled. You can set it to a
  223.                 value between 0.0 and 100.0, by using the slider or the
  224.                 associated text box and its arrows.
  225.               </p>
  226.                     <div class="figure">
  227.                       <a id="id2686662"></a>
  228.                       <p class="title">
  229.                         <b>Figure¬†15.40.¬†
  230.                   <span lang="en" xml:lang="en">Example of miter limit</span>
  231.                 </b>
  232.                       </p>
  233.                       <div class="figure-contents">
  234.                         <div class="mediaobject">
  235.                           <img src="../images/dialogs/examples/miter.png" alt="Example of miter limit" />
  236.                           <div class="caption">
  237.                             <p>Left: Limit=0; Right: Limit=5;</p>
  238.                           </div>
  239.                         </div>
  240.                       </div>
  241.                     </div>
  242.                     <br class="figure-break" />
  243.                   </li>
  244.                   <li>
  245.                     <p>
  246.                 <span class="guilabel">Dash Pattern</span> :
  247.                 On the pixel level, a dashed line is drawn as a series of
  248.                 tiny boxes. You can modify the pattern of these boxes. The
  249.                 black area with thin vertical lines represents the pixels of
  250.                 the dash. If you click on a black pixel, you remove it from
  251.                 the dash. If you click on a white pixel, you add it to the
  252.                 dash. The gray areas indicate how the pattern will be
  253.                 repeated when a dashed line is drawn.
  254.               </p>
  255.                   </li>
  256.                   <li>
  257.                     <p>
  258.                 <span class="guilabel">Dash Preset</span> :
  259.                 Instead of making your own dash pattern, you can choose
  260.                 one from the drop-down box. This pattern will
  261.                 then be displayed in the <span class="guilabel">Dash pattern</span>
  262.                 area, so you can get an idea of how it will look.
  263.               </p>
  264.                   </li>
  265.                   <li>
  266.                     <p>
  267.                 <span class="guilabel">Anti-aliasing</span> :
  268.                 Curved strokes or strokes drawn at an angle may look jagged
  269.                 or stair-stepped. The anti-aliasing option smooths them
  270.                 out.
  271.               </p>
  272.                   </li>
  273.                 </ul>
  274.               </div>
  275.             </dd>
  276.             <dt>
  277.               <span class="term">Stroking with a Paint Tool</span>
  278.             </dt>
  279.             <dd>
  280.               <div class="variablelist">
  281.                 <dl>
  282.                   <dt>
  283.                     <span class="term">Paint Tool</span>
  284.                   </dt>
  285.                   <dd>
  286.                     <p>
  287.                   You can select a paint tool to use to draw the stroke from
  288.                   the drop-down box. If you do that, the currently-selected
  289.                   options of the paint tool are used, rather than the settings
  290.                   in the dialog.
  291.                 </p>
  292.                   </dd>
  293.                 </dl>
  294.               </div>
  295.             </dd>
  296.           </dl>
  297.         </div>
  298.       </div>
  299.     </div>
  300.     <div class="navfooter">
  301.       <hr />
  302.       <table width="100%" summary="Navigation footer">
  303.         <tr>
  304.           <td width="40%" align="left"><a accesskey="p" href="gimp-selection-stroke.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  305.           <td width="20%" align="center">
  306.             <a accesskey="u" href="gimp-imagewindow-menus-edit.html">
  307.               <img src="../images/up.png" alt="Up" />
  308.             </a>
  309.           </td>
  310.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-imagewindow-menus-select.html"><img src="../images/next.png" alt="Next" /></a></td>
  311.         </tr>
  312.         <tr>
  313.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-selection-stroke.html">6.17.¬†
  314.     <span lang="en" xml:lang="en">Stroke Selection</span>
  315.   </a>¬†</td>
  316.           <td width="20%" align="center">
  317.             <a accesskey="h" href="index.html">
  318.               <img src="../images/home.png" alt="Home" />
  319.             </a>
  320.           </td>
  321.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-imagewindow-menus-select.html">7.¬†
  322.     <span lang="en" xml:lang="en">The ‚Äú<span class="quote">Select</span>‚Äù Menu</span>
  323.   </a></td>
  324.         </tr>
  325.       </table>
  326.     </div>
  327.   </body>
  328. </html>
  329.